<%@ page contentType="text/html;charset=utf-8" %>
<html>
<head>
    <title>Форма входа</title>
    <style type="text/css">
        <%@include file='CSS/style.css' %>
    </style>
    <!--<script type='text/JavaScript' src='JS/jquery.js'></script>-->
</head>

<body>
<div class="page">
    <div class="question_block font_middle">
        <div class="title font_large_light">
            Текущий вопрос
        </div>
        <div class="question_text_block">
            <div class="question_text">${question}</div>
            <ol>
               ${variants}
            </ol>
        </div>
        <div class="answer_title font_large_light">
            Ответ
        </div>
        <div class="answer_block">
            <div class="text_block">
                <form name="answer_form" action="/process/" method="post">
                    <input class="font_middle" type="text" placeholder="Введите ответ" name="userAnswer">
                </form>
            </div>
            <div class="buttons_block">
                <div class="button font_middle_bold" onclick="document.answer_form.submit()">Принять</div>
                <div class="button font_middle_bold" onclick="document.prev_form.submit()">Предидущий</div>
                <div class="button font_middle_bold" onclick="document.next_form.submit()">Следующий</div>
                <div class="button font_middle_bold" onclick="document.exit_form.submit()">Выход</div>
            </div>
        </div>
    </div>
    <div class="current_question_block">
        <div class="current_question_value font_large_light">
            ${count_from}
        </div>
    </div>
</div>
<form name="next_form" action="/next/" method="get"></form>
<form name="prev_form" action="/prev/" method="get"></form>
<form name="exit_form" action="/exit/" method="get"></form>
</body>

</html>